<template>
    <div class="container">
        <div class="item">Vue组件通信的各种方式(暂未完成)</div>
        <div class="item">Cascader异步级联组件(暂未完成)</div>
        <div class="item" @click="toYuQue1">SPA及其优点</div>
        <div class="item" @click="toYuQue2">Vue组件生命周期</div>
        <div class="item" @click="toYuQue3">Vue内部指令</div>
        <div class="item" @click="toYuQue4">Vue全局方法</div>
        <div class="item" @click="toYuQue5">双向绑定原理与应用</div>
        <div class="item" @click="toYuQue6">异步更新和$nextTick</div>
        <div class="item" @click="toYuQue7">路由原理及应用</div>
        <div class="item" @click="toYuQue8">Vuex Store的原理及应用</div>
    </div>
</template>

<script>

export default {
  data () {
    return {
    }
  },
  created() {
  },
  methods: {
		toYuQue1 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/ugqhyg'
		},
		toYuQue2 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/wu13ua'
		},
		toYuQue3 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/vfq08h'
    },
    toYuQue4 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/fmiwp0'
    },
    toYuQue5 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/up167z'
    },
    toYuQue6 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/aa9uqk'
    },
    toYuQue7 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/zuvhlp'
    },
    toYuQue8 () {
			window.location.href = 'https://www.yuque.com/shiwei0224/document/yqiehq'
		},
  }, 
}
</script>

<style scoped>
.container {
    padding: .2rem;
}
.item {
    font-size: .16rem;
		border-bottom: 0.01rem solid #cccccc;
		padding: .1rem 0;
}
</style>
